<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>报告模板</title>
    <style type="text/css">

        * {
            margin: 0;
            padding: 0;
            font-family: SimHei;
        }

        @page {
        <!-- 每页pdf的长宽，单位为英寸，这里采用的是A4纸的长宽， -->
            size: 8.27in 11.69in;

        <!-- 页脚的中间位置 -->
            @bottom-center {
                content: counter(page);
                font-family: SimHei;
                font-size: 16px;
                color: #FF0000;
            };
        <!-- 页脚的右侧 -->
        <!-- 计算页码 -->
        @bottom-right {
            content: counter(page);
            font-family: SimHei;
            font-size: 9px;
            color: #333333;
        };
        }

        .page {
            height: 1010px;
            width: 100%;
            position: relative;
        }

        /*头部共用*/
        .share {
            width: 100%;
            margin-top: 15px;
        }

        .share img {
            width: 20%;
            margin-left: 9%;
        }

        .share .share-right {
            width: 30%;
            float: right;
            margin-right: 9%;
            margin-top: 4%;
            text-align: right;
            font-size: 24px;
            color: #666666;
            font-weight: 600;
        }

        .hr {
            width: 82%;
            height: 0px;
            background: #555555;
            margin: 15px auto;
        }

        .top2table {
            width: 82%;
            height: 30px;
            margin: 0px auto;
            font-size: 16px;
            color: #444444;
        }

        .left {
            text-align: left;
        }

        .right {
            text-align: right;
        }

        .tshare {
            width: 100%;
            margin-top: 2%;
        }

        .tshare img {
            width: 42%;
            margin-left: 9%;
        }

        .tshare .tshare-right {
            width: 30%;
            float: right;
            margin-right: 9%;
            margin-top: 2%;
            text-align: right;
            font-size: 18px;
            color: #333333;
            font-weight: 600;
        }

        .foot {
            width: 100%;
            position: fixed;
            bottom: 20px;
        }

        .top1 {
            width: 100%;
            margin-top: 40px;
        }

        .top1 img {
            width: 21%;
            margin-left: 9%;
        }

        .cont {
            width: 100%;;
            margin-top: 100px;
            margin-bottom: 150px;
        }

        .contbody {
            width: 100%;
            text-align: center;
            background: #ffffff;
            margin: 0 auto;
        }

        .contbody table {
            text-align: left;
            margin: 30px auto 20px auto;
        }

        .contbody table tr td {
            height: 30px;
            line-height: 30px;
            background: #ffffff;
            font-size: 28px;
            color: #333333;
            padding: 8px 8px;
            letter-spacing: 4px;

        }

        .contbody table tr td img {
            height: 28px;
            width: 28px;
        }

        .model {
            width: 100%;
            margin: 10px auto;
        }

        .contbody2 {
            width: 82%;
            margin: 10% auto 5% auto;
            font-size: 15px;
            color: #555555;
        }


        .top3 {
            width: 82%;
            margin: 18px auto 10px auto;
            font-size: 20px;
            color: #333333;
            font-weight: 600;
        }

        .top3table {
            width: 82%;
            margin: 1px auto 30px auto;
            border-collapse: collapse;
        }

        .top3table tr th {
            text-align: center;
            font-size: 15px;
            height: 28px;
            border: 1px solid #555555;
        }

        .top3table tr td {
            text-align: center;
            font-size: 13px;
            height: 28px;
            border: 1px solid #555555;
        }

        .top3table tr td span {
            margin-left: 5px;
        }

        .contbody4 {
            width: 100%;
        }

        .sj {
            width: 82%;
            margin: 2% auto 1% auto;
        }

        .sj tr th {
            text-align: left;
            font-size: 15px;
            height: 36px;
        }

        .sj tr td {
            text-align: left;
            font-size: 12px;
            height: 36px;
            line-height: 24px;
            letter-spacing: 1px;
        }

        .tubiao {
            width: 7%;
        }

        .tubiao img {
            width: 23px;
        }

        .tip {
            width: 35%;
        }
    </style>
</head>
<body style="width:720px;">
<!--第1页-->
<div class="page">
    <div class="top1">
        <img  src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo1.png" alt="雨林1对1备课管理系统"/>
    </div>
    <img class="cont" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p1_title.png" alt="儿童能力发展水平测评分析报告"/>
    <div class="contbody">
        <table class="top1table">
            <tbody>
            <tr>
                <td><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p1_icon1.png"/></td>
                <td>学员姓名:</td>
                <td>${name}</td>
            </tr>
            <tr>
                <td><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p1_icon2.png"/></td>
                <td>学员编号:</td>
                <td>${sn!}</td>
            </tr>
            <tr>
                <td><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p1_icon3.png"/></td>
                <td>测评日期:</td>
                <td>${date}</td>
            </tr>
            </tbody>
        </table>

    </div>
    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>


<!--第2页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="儿童能力发展水平测评分析报告"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <img class="model" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p2-model.png" alt="八大模块饼型图"/>
    <div class="contbody2">
        这八个模块的测评所产生的结果作为儿童当前能力水平的一个陈述，只供家长参考，以及教研组拟定儿童训练使用的个性化教育方案使用，
        不具有诊断功能。
    </div>
    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png"/>
</div>

<!--第3页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--<div class="top3">测评项目&amp;结果</div>-->
    <table class="top3table" cellspacing="0" cellpadding="0">
        <tr>
            <th style="width:27%;">测评项目</th>
            <th>测评结果</th>
            <th>测评分数</th>
            <th>得分/总分</th>
            <th>能力水平</th>
        </tr>
        <#list rpvList as rsv>
        <#list rsv.rdvList as rdv>
        <#if rdv_index==0>
        <tr>
            <td rowspan="${rsv.rdvList?size}"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p3_icon${rsv_index+1}.png" alt="大学科图" style="width:20px;"/><span>${rsv.subjectName}</span></td>
            <td>${rdv.typeName}</td>
            <td>${rdv.score}</td>
            <td rowspan="${rsv.rdvList?size}">${rsv.resultScore}/${rsv.initScore}</td>
            <td rowspan="${rsv.rdvList?size}">${rsv.ability!}</td>
        </tr>
        <#else>
        <tr>
            <td>${rdv.typeName}</td>
            <td>${rdv.score}</td>
        </tr>
        </#if>
        </#list>
    </#list>
</table>
<img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>

<!--第4页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p4-gzjnl.png" alt="感知觉能力"/>
            <div class="tshare-right">得分/总分：<span>${detailMap["1"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p4_icon1.png" alt="视觉图" style="width:32px;"/></th>
                <th class="tip">${detailMap["1Name"]}</th>
                <th>分数：<span>${detailMap["1Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">
                    视觉是儿童视觉系统完成一定视觉任务的能力。在儿童幼儿时期认识周围的人事物的过程中视觉能力至关重要，与儿童大脑的发展有重要的影响。如果孩子的视觉认知能力在早期没有得到有效的发展，那么未来的记忆力，阅读能力，拼写能力，以及计算能力等都会产生影响。<br/>
                    ${detailMap["1Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p4_icon3.png" alt="触觉图"/></th>
                <th class="tip">${detailMap["2Name"]}</th>
                <th>分数：<span>${detailMap["2Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">触觉是指分布于儿童感受来自外界的温度、湿度、疼痛、压力、振动等方面的信息的能力。触觉对于
                    儿童了解周围的人事物，对这些信息形成完整认知，存在重要的意义。如果儿童触觉层面存在体验的
                    异常，将会影响其自我保护，上课就学，人际交往，以及情感体会与表达等各方面的表现。<br/>
                    ${detailMap["2Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p4_icon3.png" alt="协调能力"/></th>
                <th class="tip">${detailMap["3Name"]}</th>
                <th>分数：<span>${detailMap["3Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">协调能力是指在进行身体运动过程中，调节与综合身体各个部分动作的能力。它是集灵敏度、速度、
                    平衡能力，柔韧性等多种身体素质为一体的综合性能力，反映了中枢神经系统对肌肉活动的支配和调
                    节功能。如果协调能力发展局限，可能会影响儿童的操作技能的学习，以及认知、社交的发展速度。<br/>
                    ${detailMap["3Conclusion"]!}
                </td>
            </tr>
        </table>

    </div>


<!--    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png"/>-->
</div>

<!--第5页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p7-ydbx.png" alt="运动表现"/>
            <div class="tshare-right">得分/总分：<span>${detailMap["2"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p7_icon1.png" alt="粗大运动"/></th>
                <th class="tip">${detailMap["4Name"]!}</th>
                <th>分数：<span>${detailMap["4Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">粗大运动是指儿童全身大肌肉的活动，包括头颈部、躯干和四肢的资助控制，爬行、走等基
                    础移动动作、跑跳及其他技巧性动作技能，以及身体的协调性、灵活性和平衡性。这部分技
                    能直接影响儿童从操控身体获得的自尊自信，以及发展社交、认知的速度。<br/>
                    ${detailMap["4Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p7_icon2.png" alt="精细运动"/></th>
                <th class="tip">${detailMap["5Name"]!}</th>
                <th>分数：<span>${detailMap["5Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">精细动作主要指手部小肌肉的活动，主要包括紧握动作，及在此基础上发展起来的握笔、绘
                    画、书写和生活自理动作技能，还包括收的灵活性、手眼协调能力和双手协调能力。如果精
                    细运动存在局限，儿童未来的自理能力，就学融合等将出现明显困难。<br/>
                    ${detailMap["5Conclusion"]!}
                </td>
            </tr>
        </table>

    </div>

    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>


<!--第6页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p6-rzbx.png" alt="认知表现"/>
            <div class="tshare-right">得分/总分：<span>${detailMap["3"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p6_icon1.png" alt="认知图"/></th>
                <th class="tip">${detailMap["cognitionName"]!}</th>
                <th></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">认知涉及儿童感知觉、注意、表象、记忆、学习和思维等认知过程，是儿童认识外界事物的过程，也
                    是儿童获得学习能力的途径，能帮助儿童更好地适应社会。认识发展存在局限则可能导致儿童对周围
                    环境认识不足，难以适应环境，无法就学，言语沟通存在问题等多种不良后果。<br/>
                    ${detailMap["cognitionConclusion"]!}
                </td>
            </tr>
        </table>
    </div>

    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>


<!--第7页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p5-yybd.png" alt="语言表现"/>
            <div class="tshare-right">得分/总分：<span>${detailMap["4"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p5_icon1.png" alt="语言图"/></th>
                <th class="tip">${detailMap["languageName"]!}</th>
                <th></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">
                    语言是儿童交流的重要工具和手段，其语言过程主要包括语言感知、语言理解和语言表达三个方面。语言能力有所欠缺的儿童通常在满足自身需求，建立社交关系，维持沟通，以及基础认知学习层面都存在受限的情况。<br/>
                    ${detailMap["languageConclusion"]!}
                </td>
            </tr>
        </table>
    </div>


    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>

<!--第8页-->
<div class="page" style="height: 980px;">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p11-gynl.png" alt="口肌与构音"/>
            <div class="tshare-right">得分/总分：<span>${detailMap["5"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p11_icon1.png" alt="发音表现"/></th>
                <th class="tip">发音表现</th>
                <th>分数：<span>${detailMap["5Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">构音能力是儿童在发音、学习语言过程中必备的器官使用能力，涉及到唇、舌、颊、颌、气流以及声
                    带的多方面表现。如果构音能力存在局限，儿童容易出现难以发音，语音含糊，语音错误，社交退缩
                    等多方面的表现。<br/>
                    ${detailMap["14Conclusion"]!}<br/>
                    ${detailMap["15Conclusion"]!}<br/>
                    ${detailMap["16Conclusion"]!}<br/>
                    ${detailMap["17Conclusion"]!}<br/>
                    ${detailMap["18Conclusion"]!}
                </td>
            </tr>
        </table>

    </div>

    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>


<!--第9页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p8-sjbx.png" alt="社交表现"/>
            <div class="tshare-right">得分/总分：<span> ${detailMap["5"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p8_icon1.png" alt="社会行为"/></th>
                <th class="tip">${detailMap["9Name"]!}</th>
                <th>分数：<span>${detailMap["9Score"]!}</span></th>
                <th></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">社会行为能力主要包括儿童社会交往能力、生活自理能力、适应外界要求、懂得社会常识等多方面能
                    力。整个婴幼儿时期的社会化为儿童个性的塑造起到奠基作用，帮助儿童适应环境，为生存提供了保
                    障。如果社会行为能力存在困难，儿童将面临严峻的社交、独立生存、融合进入主流环境等多方面的
                    障碍。<br/>
                    ${detailMap["9Conclusion"]!}
                </td>
            </tr>
        </table>


    </div>

    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>


<!--第10页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p9-qxbx.png" alt="情绪表现"/>
            <div class="tshare-right">得分/总分：<span> ${detailMap["7"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p9_icon4.png" alt="情绪感知"/></th>
                <th class="tip">${detailMap["19Name"]!}</th>
                <th>分数：<span>${detailMap["19Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪感知指的是儿童对自己、他人与周遭情绪的感受性，可以帮助儿童更快建立社交关系，明确合适
                    场合的行为表现等。<br/>
                    ${detailMap["19Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p9_icon1.png" alt="情绪理解"/></th>
                <th class="tip">${detailMap["20Name"]!}</th>
                <th>分数：<span>${detailMap["20Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪理解能力指的是儿童理解情绪的原因和结果的能力，以及应用这些信息对自我和他人产生合适情
                    绪反应的能力。这对于儿童建立稳定社交关系，快速融入集体存在积极意义。<br/>
                    ${detailMap["20Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p9_icon2.png" alt="情绪表达"/></th>
                <th class="tip">${detailMap["21Name"]!}</th>
                <th>分数：<span>${detailMap["21Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪表达指的是儿童用来表现情绪的各种方式，其功能就是在纾解情绪，避免情绪的堆积。这对于儿
                    童身心发展十分重要，在稳定情绪的情况下，儿童可以以更好的状态进入社交关系，进行学习，发展
                    各方面技能。<br/>
                    ${detailMap["21Conclusion"]!}
                </td>
            </tr>
        </table>
    </div>

    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>


<!--第11页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p9-qxbx.png" alt="情绪表现"/>
            <div class="tshare-right">得分/总分：<span>${detailMap["7"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p9_icon5.png" alt="情绪表现"/></th>
                <th class="tip">${detailMap["10Name"]!}</th>
                <th>分数：<span>${detailMap["10Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪表现指的是儿童的快乐、愤怒、恐惧、悲哀四种基本表现，以及在此基础上衍生的更为复杂的混
                    合情绪表现。儿童在情绪表现上存在的困难直接影响其社交关系的建立，身心的健康发展，与未来融合。<br/>
                    ${detailMap["10Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p9_icon3.png" alt="情绪管理"/></th>
                <th class="tip">${detailMap["22Name"]!}</th>
                <th>分数：<span>${detailMap["22Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪管理，指通过研究个体和群体对自身情绪和他人情绪的认识，培养驾驭情绪的能力，并由此产生良好的管理效果。<br/>
                    ${detailMap["22Conclusion"]!}
                </td>
            </tr>
        </table>
    </div>

    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>


<!--第12页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p10-xwbx.png" alt="行为表现"/>
            <div class="tshare-right">得分/总分：<span>${detailMap["8"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/sport-02.png" alt="退缩行为"/></th>
                <th class="tip">${detailMap["23Name"]!}</th>
                <th>分数：<span>${detailMap["23Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">退缩行为是指儿童在熟悉环境下和陌生环境下的退缩、克制以及社会性独处行为。表现孤僻、
                    胆小，退缩，不愿与其他人交往，更不愿到陌生的环境中去，把自己封闭起来以获得安全感。
                    如果儿童突发这样的行为表现，需要给予关注和引导。<br/>
                    ${detailMap["23Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/sport-03.png" alt="自伤与攻击（含不当言语）"/></th>
                <th class="tip">${detailMap["24Name"]!}</th>
                <th>分数：<span>${detailMap["24Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2" style="line-height: 20px">自伤与攻击行为是指当儿童受挫或得不到想要的东西时，会出现撞墙、搥头、拍耳朵、撞桌
                    子等自伤行为或有伤人(踢、咬、捏、抓、打)的攻击行为。不当言语是指儿童无法用恰当
                    的语言主动表达或回应他人，如谈论固定议题、重复他人的话语、不由自主地口出秽语。当
                    儿童出现自伤与攻击行为（含不当言语）时，会影响到儿童的社交互动。<br/>
                    ${detailMap["24Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/sport-05.png" alt="自我刺激"/></th>
                <th class="tip">${detailMap["25Name"]!}</th>
                <th>分数：<span>${detailMap["25Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">儿童的自我刺激行为，可以表现为比较低级的自我刺激和较为高级的狭窄兴趣两大类型。不管哪一种，
                    都是儿童为了满足自己的某类需求而产生的，经常表现为公共场所不被接纳的情况，严重影响了儿童
                    的社交、就学等多方面融合时，会影响到儿童的社交互动。<br/>
                    ${detailMap["25Conclusion"]!}
                </td>
            </tr>
        </table>
    </div>

    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>


<!--第13页-->
<div class="page">
    <div class="share">
        <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/p10-xwbx.png" alt="行为表现"/>
            <div class="tshare-right">得分/总分：<span>${detailMap["8"]}</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/sport-04.png" alt="刻板行为"/></th>
                <th class="tip">${detailMap["26Name"]!}</th>
                <th>分数：<span>${detailMap["26Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">刻板行为是指儿童对于自己感兴趣的事物会特别着迷，常常在较长时间里专注于某种游戏或
                    活动，比如盯着旋转的物品、身体旋转、来回跑、固定的方式排列物品，有固定的路线或饮
                    食等。刻板行为会一定程度上影响儿童有效接收外界信息的能力。<br/>
                    ${detailMap["26Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/sport-06.png" alt="多动行为"/></th>
                <th class="tip">${detailMap["27Name"]!}</th>
                <th>分数：<span>${detailMap["27Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">多动表现是指儿童经常处于活跃的状态，且很难长时间专注在某项静态活动，常常没注意听
                    他人的话语，也很难等待和轮流，经常中断和打扰他人，无法控制自己的行为。多动行为会
                    严重影响儿童的学业学习及与社交品质。<br/>
                    ${detailMap["27Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/sport-07.png" alt="适应性行为"/></th>
                <th class="tip">${detailMap["28Name"]!}</th>
                <th>分数：<span>${detailMap["28Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">适应性能力指儿童为了在社会更好生存而进行的心理上、生理上以及行为上的各种调整性的改变，与
                    社会场景达到和谐状态的一种能力。如果适应性存在问题，则会影响到儿童社会认知发展，就学融合
                    和社会性交往等多方面的表现。<br/>
                    ${detailMap["28Conclusion"]!}
                </td>
            </tr>
        </table>

    </div>

    <img class="foot" src="https://qtzhqes.oss-cn-qingdao.aliyuncs.com/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>
</div>




</body>
</html>